.navbar-inverse{
    border-radius: 0;
    margin-bottom: 0;
    .container{
        min-height: 50px;

        .navbar-collapse{
            .navbar-nav{
                li{
                    min-height: 50px;
                }

                a{
                    padding: 0 15px;
                    height: 50px;
                    line-height: 50px;
                }
            }
        }
    }
}

.navbar-brand{
    margin-top: -8px;
}

footer{
    background-color: #3b3b3b;

    .container{
        padding-top: 35px;
        padding-bottom: 37px;
        .row{
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            align-items: flex-end;
            color: #a1a3ab;
            .contact{
                display: flex;
                display: -webkit-flex;
    
                li{
                    padding: 0 7px;
    
                    &:nth-of-type(1){
                        padding-left: 0;
                    }
                    a{
                        color: #a1a3ab;
                    }
                }
            }
            p{
                margin-bottom: 0;
            }

            .message{
                display: flex;
                display: -webkit-flex;
                justify-content: flex-end;
                margin-bottom: 0;
                li{
                    &:nth-of-type(2){
                        position: relative;
                        
                        &::after{
                            content: '';
                            display: block;
                            background-image: url(../../src/two.png);
                            width: 142px;
                            height: 150px;
                            position: absolute;
                            top: -150px;
                            left: -50px;
                            z-index: -1;
                        }
                    }
                    &:nth-of-type(2):hover{
                        &::after{
                            z-index: 2;
                        }
                    }
                }
                li:not(:last-child){
                    margin-right: 20px;
                }
            }
        }
    }
}

@media screen and (max-width:767px){
    footer{
        .container{
            .row{
                flex-wrap: wrap;
                .message{
                    justify-content: flex-start;


                    li{
                        &:nth-of-type(2){
                            &::after{
                                left: -54px;
                            }
                        }
                        a{
                            img{
                                width: 28px;
                            }
                        }
                    }
                }

                p{
                    margin-bottom: 10px;
                }
            }
        }
    }
}
@media screen and (min-width:768px) and (max-width:992px){
    .navbar-inverse {
        .container {
          .navbar-collapse {
            font-size: 12px;
            .navbar-nav {
              li {
                a {
                  padding: 0px 8px;
                }
              }
            }
          }
        }
      }

      footer{
          .container{
              font-size: 12px;
          }
      }
}
